import React, { memo } from 'react';

import HomeCard from '@/components/home/card';

const SectionRooms = memo((props: { data: any }) => {
  let { data } = props;
  return (
    <div className="w-[1200px] mx-auto ">
      <div>
        <p className="text-[22px] font-extrabold my-4">{data.title}</p>
        <p>{data.subtitle}</p>
        <div className="grid gap-4 grid-cols-4">
          {data.list?.map((item, index) => {
            return <HomeCard item={item} key={item.id}></HomeCard>;
          })}
        </div>
      </div>
    </div>
  );
});

export default SectionRooms;
